@charset "utf-8";
@import "reset";
.web{
    width: 327px;
    height:377px ;
    background-image:url(../img/beij.jpg) ;
    ul{
        width: 322px;
        position: relative;
        top: 27px;
        left: 1px;
    }
    li{
        width: 322px;
        height: 101px;
        margin-bottom: 15px;
        background: url(../img/taipingy.jpg) no-repeat;
        background-position:0px 0px ;
    }
    li:nth-of-type(2){
        background: url(../img/sudu.png) no-repeat;
        background-position:0px 0px ;
    }
     li:nth-of-type(3){
        background: url(../img/qingchun.png) no-repeat;
        background-position:0px 0px ;
    }
}
.dian1{
    width: 235px;
    height: 86px;
    float: right;
    h1{
        display: inline-block;
        font-size: 14px;
        color: #585858;
    }
    a{
        font-size: 12px;
        color: #c3020f;
        float: right;
    }
    .p1{
        width: 227px;
        font-size: 12px;
        color: #656565;
        margin-top: 12px;
        a{
            float: none;
        }
        a:nth-of-type(1){
            color: #259c9d;
        }
    }
    .p2{
        font-size: 12px;
        margin-top: 8px;
        margin-left: 5px;
        img{
            vertical-align: text-top;
        }
        a{
            margin-left: 5px;
            float: none;
            color: #303030;
        }
    }
}
.dian1:after {
     clear:both;
     content:'';
     display:block;
     width:0;
     height:0;
     visibility:hidden;
}
.p3{
    width: 227px;
    font-size: 12px;
    color: #656565;
    margin-top: 12px;
    a{
      float: none;
      color:#c3020f ;
    }
}
.web2{
    width: 327px;
    height: 284px;
//  background: red;
    margin: 0 auto;
    .neib{
        margin: 0 auto;
        padding-top:10px ;
        width: 305px;
        height: 267px;
        .kaun{
            width: 145px;
            height: 125px;
//          display: inline-block;
            float: left;
            border: 8px solid #dadfe7;
            background: url(../img/bg1.jpg) no-repeat;
            background-position:80px 62px ;
            margin-bottom: 17px;
            h1{
                font-size: 14px;
                color: #262626;
                line-height: 14px;
                margin-top: 11px;
                margin-left: 10px;
                font-weight:normal;
            }
            p{
                font-size: 11px;
                width: 66px;
                color: #808080;
                margin-top: 11px;
                margin-left: 9px;
                line-height: 14px;
                height: 73px;
                overflow: hidden;
//              -webkit-line-clamp: 5;
//              display: -webkit-box;
//              -webkit-box-orient: vertical;
            }
        }
        .kaun:nth-of-type(even){
            margin-left: 15px;
        }
        .kaun:nth-of-type(2){
            background: url(../img/bg2.jpg) no-repeat;
            background-position:80px 66px ;
//          margin-left: 15px;
        }
        .kaun:nth-of-type(3){
            background: url(../img/bg3.jpg) no-repeat;
            background-position:82px 60px ;
        }
        .kaun:nth-of-type(4){
            background: url(../img/bg4.jpg) no-repeat;
            background-position:88px 66px ;
//          margin-left: 15px;
        }
        .kaun:after {
            clear:both;
            content:'';
            display:block;
            width:0;
            height:0;
            visibility:hidden;
}
    }
}
